<template>
    <div v-loading="loading" :style="'height:' + height">
        <iframe
            :src="src"
            frameborder="no"
            style="width: 100%; height: 100%"
            scrolling="auto"
        />
    </div>
</template>
<script>
export default {
    props: {
        src: {
            type: String,
            required: true
        }
    },
    data() {
        return {
            height: document.documentElement.clientHeight - 94.5 + 'px;',
            loading: true,
            url: this.src
        }
    },
    mounted: function() {
        setTimeout(() => {
            this.loading = false
        }, 300)
        const that = this
        window.onresize = function temp() {
            that.height = document.documentElement.clientHeight - 94.5 + 'px;'
        }
    }
}
</script>
